﻿module DefaultCss


/// Default user-agent style-sheet
// (see ref http://www.w3.org/TR/CSS2/sample.html)
let defaultCss = """

html {
    color: black;
    font-family: Verdana;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    text-wrap: normal;
    text-space-collapse: collapse;
    text-decoration: none;

    background-color: white;
    border-width: 1px;
    border-color: blue;
}

html, body, div, p, h1, h2, h3, h4, h5, h6, ol, ul, dl, dt, dd, blockquote, address, form, pre, hr 
{  
    display: block;
}
li { display: list-item }

style, script, head, title, base, link, meta 
{
    display: none;
}

/* block level */

body 
{
    margin-left: 10px;
    margin-right: 10px;
}
    

p, h1, h2, h3, h4, h5, h6, ol, ul, blockquote, address, form, pre 
{      
    margin: 1.12em 0 
}

h1,h2,h3,h4,h5,h6,b 
{
    font-weight: bold;
}

h1 
{ 
    font-size: 2em;
}

h2 
{
    font-size: 1.17em;
}

h3
{
    font-size: 1.5em;
}

blockquote      
{ 
    margin-left: 40px; 
    margin-right: 40px 
}

address {
    font-style: italic;
}

dt {

}

ol, ul, dir,
menu, dd {
    margin-left: 40px;
}

hr { 
    border-style: solid; 
    border-color: black; 
    border-width: 1px;
}

br
{
    text-space-collapse: preserve-breaks;
}

/* inline styles */

i, cite, em
{
    font-style: italic;
}

b, strong
{
    font-weight: bold;
}

img 
{
    display: inline-block;
    border-width: 2px;
    border-color: green;
}

code, kbd, samp
{ 
    font-family: monospace;
} 

var { 
    font-style: italic;
}

/* link */

a 
{
    color: blue;
    text-decoration: underline;
}

/* form controls */

input 
{
    display: inline-block;
    border-width: 2px;
    border-color: black;
    padding: 4px;
    font-family: "segoy ui";

}

input[type=text]
{
    background-color: white;
    width: 100px;
    height: 1em;
}

button
{
    display: inline-block;
}
    
button, 
input[type=submit]
{
    background-color: gray;
    border-color: black;
    padding: 4px;
}

input[type=hidden]
{
    display: none;
}

textarea
{
    display:inline-block;
    text-wrap: none;
    text-space-collapse: preserve;
    font-family: monospace;
    width:40em;
    height:10em;
    background-color: white;
    padding: 2px;
    border-width: 1px;
}

select 
{
    display:inline-block; 
    width: 100px;
    border-width: 2px;
    border-color: black;
    font-family: "segoy ui";
}

/* blocks */

table
{
    display: table;
}

tr
{
    display: table-row;
}

th, td
{
    display: table-cell;
}

th
{
    font-weight: bold;
}

pre
{
    text-wrap: none;
    text-space-collapse: preserve;
    font-family: monospace;
}



"""

